<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{/*清除所有自带的margin（外边距）和padding（内边距）*/
				margin: 0;
				padding: 0;
			}
			body {
				
			}
			
			ul {/* 设置边框宽度2像素，红色
				宽726像素
				
				*/
				border: 2px solid black;
				width: 726px;
				list-style: none;
				margin: 20px auto;
				/* 上下间距20像素，auto实现左右居中*/
			}
			
			img {
				width: 200px;
				height: 200px;
			}
			
			li {
				float: left;
				border: 1px solid black;
				padding: 10px;
				margin: 10px;
			
			}
			li:hover{
				position: relative;
				left: 2px;
				top: -2px;
			}
			
			p {
				text-align: center;
				border: 1px solid black;
			}
			.top{
				width: 120px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				border: 1px solid black;
				position: fixed;
				bottom: 20px;
				right: 20px;
			}
			div{
				clear: both;
			}
		</style>
	</head>

	<body>
		<ul>
			<li>
				<img src="img/edg.jpg" />
				<p>EDG</p>
			</li>
			<li>
				<img src="img/rng.jpg" />
				<p>RNG</p>
			</li>
			<li>
				<img src="img/we.jpg" />
				<p>WE</p>
			</li>
			<li>
				<img src="img/8644ebf81a4c510fa94906b86c59252dd52aa587.jpg" />
				<p>RW</p>
			</li>
			<div class="top">
				<a href="#">返回顶部</a>
			</div>
			<div></div>
		</ul>
	</body>

</html>